<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的信用卡</title>
	<style>
		body {
			overflow: hidden;
		}

		* {
			margin: 0;
			font-family:"Microsoft Yahei";
			color: #666;
		}

		div{
			margin: auto;
			margin-bottom: 10px;
			margin-top: 10px;

		}

		#header {
			height: 82px;
			width: 1200px;
		}

		#main {
			height: 460px;
			width: 1200px;
			border: 1px black solid;
			overflow: auto;
		}

		#bottom {
			height: 30px;
			width: 1200px;
			text-align: center;
		}

		#book{
			width: 100%;
			height: 90%;
			margin: auto;

		}

		.b_list{
			height:300px;
			width:250px;
			margin: 20px;
			float: left;
			margin-top:0px;
			margin-bottom:0px;
			border: 1px #e3e3e3 solid;
		}

		#page_nav{
			width: 100%;
			height: 10px;
			margin: auto;

			text-align: center;
		}

		#pn_input {
			width: 30px;
			text-align: center;
		}

		.img_div{
			height: 150px;
			text-align: center;
		}

		.book_img {
			height:150px;
			width:150px;
		}

		.book_info {

			text-align: center;
		}

		.book_info div{
			height: 10px;
			width: 300px;
			text-align: left;
		}

		.wel_word{
			font-size: 60px;
			float: left;
		}

		.logo_img{
			float: left;
		}

		#header div a {
			text-decoration: none;
			font-size: 20px;
		}

		#header div{
			float: right;
			margin-top: 55px;
		}

		.book_cond{
			margin-left: 500px;
		}

		.book_cond input{
			width: 50px;
			text-align: center;
		}


		/*登录页面CSS样式  */

		#login_header{
			height: 82px;
			width: 1200px;
		}

		.login_banner{
			height:475px;
			background-color: #39987c;
		}

		.login_form{
			height:310px;
			width:406px;
			float: right;
			margin-right:50px;
			margin-top: 50px;
			background-color: #fff;
		}

		#content {
			height: 475px;
			width: 1200px;
		}

		.login_box{
			margin: 20px;
			height: 260px;
			width: 366px;
		}

		h1 {
			font-size: 20px;
		}
		.msg_cont{
			background: none repeat scroll 0 0 #fff6d2;
			border: 1px solid #ffe57d;
			color: #666;
			height: 18px;
			line-height: 18px;
			padding: 3px 10px 3px 40px;
			position: relative;
			border: none;
		}


		.form .itxt {
			border: 0 none;
			float: none;
			font-family: "宋体";
			font-size: 14px;
			height: 18px;
			line-height: 18px;
			overflow: hidden;
			padding: 10px 0 10px 10px;
			width: 220px;
			border: 1px #e3e3e3 solid;
		}

		#sub_btn{
			background-color: #39987c;
			border: none;
			color: #fff;
			width: 360px;
			height: 40px;
		}

		#l_content {
			float: left;
			margin-top: 150px;
			margin-left: 300px;
		}

		#l_content span {
			font-size: 60px;
			color: white;
		}

		.tit h1 {
			float: left;
			margin-top: 5px;
		}

		.tit a {
			float: right;
			margin-left: 10px;
			margin-top: 10px;
			color: red;
			text-decoration: none;
		}

		.tit .errorMsg {
			float: right;
			margin-left: 10px;
			margin-top: 10px;
			color: red;
		}

		.tit {
			height: 30px;
		}
		/*购物车*/
		#main table{
			margin: auto;
			margin-top: 80px;
			border-collapse: collapse;
		}

		#main table td{
			width: 120px;
			text-align:center;
			border-bottom: 1px #e3e3e3 solid;
			padding: 10px;
		}

		.cart_info{
			width: 700px;
			text-align: right;
		}

		.cart_span {
			margin-left: 20px;
		}

		.cart_span span{
			color: red;
			font-size: 20px;
			margin: 10px;
		}

		.cart_span a , td a{
			font-size: 20px;
			color: blue;
		}

		#header div span {
			margin: 10px;
		}

		#header div .um_span{
			color: red;
			font-size: 25px;
			margin: 10px;
		}

		#header div a {
			color: blue;
		}

	</style>
</head>
<body>
<div id="header">
	<span class="wel_word">我的信用卡</span>
</div>

<div id="main">

	<table >
		<tr>
			<td>姓名</td>
			<td>卡号</td>
			<td>透支金额</td>
			<td>最大额度</td>
		</tr>
			<c:forEach items="${myCredits}" var="cards">
			<tr >
				<td>${cards.name}</td>
				<td>${cards.cardnumber}</td>
				<td>${cards.balance}</td>
				<td>${cards.maxOverdraft}</td>
			</tr>
			</c:forEach>
	</table>

	<br><br><br><br>
	<div class="form-group" style="text-align: center;margin: 0 auto ;font-weight:bold" >
		<a href="${pageContext.request.contextPath}/pages/personal/myhome.jsp">回到个人中心</a>
	</div>

</div>




</body>
</html>